<template>
    <div style="padding-left: 10px">
      <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
        <el-tab-pane label="活动分析" name="activity"><activity-analysis></activity-analysis></el-tab-pane>
        <el-tab-pane label="渠道分析" name="channel"><channel-analysis></channel-analysis></el-tab-pane>
      </el-tabs>
    </div>
  </template>
  
  <script setup lang="ts" name="Analysis">
  import { ref } from 'vue';
  import type { TabsPaneContext } from 'element-plus'
  import ActivityAnalysis from "./ActivityAnalysis.vue";
  import ChannelAnalysis from "./ChannelAnalysis.vue";
  const activeName = ref("activity");
  const handleClick = (tab: TabsPaneContext, event: Event) => {
    console.log(tab, event)
}
  </script>
  
  <style scoped>
  
  </style>
  